<template>
	<div class="card" :class="[bodyAuto?'h-auto':'h-full overflow-hidden',customClass?customClass:'m-2 p-2']">

		<slot name="head"></slot>
		<div class="card__body" :class="[bodyAuto?'':'overflow-auto flex-auto h-40']">
			<slot></slot>
		</div>
		<slot name="foot"></slot>
	</div>
</template>

<script>
	export default {
		name:"m-card",
		data() {
			return {

			};
		},
		props: {
			bodyAuto:false,
      customClass:''
		}
	}
</script>

<style lang="scss" scoped>
	@import "./m-card.scss";
</style>
